/*ȫ��*/
body{ background:#ffffff;font-family:Microsoft YaHei; color: #000; font-size:16px;}
*{ margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
table{ border-collapse: collapse; border-spacing: 0; border:none;}
input, textarea, select, button{ outline:none; border:none;}
em,span{ font-style:normal;}
textarea,input{ resize:none; }
ul, ol,li{ list-style: none; }
img { border: none; }
a{ text-decoration:none; cursor:pointer; color:#050505;}
a:active{ border:none!important;}
a:hover{text-decoration: none;}
a.one:hover{ text-decoration:underline;}
.w1010{ width:1010px; margin:0 auto;}
.magin{ margin:0 auto;}
html{ height:100%;}
body{ height:100%;}
tr { display: table-row; vertical-align: inherit; border-color: inherit;}
td, th { display: table-cell; vertical-align: inherit;}
/*����*/
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.pr{ position:relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.content{ width:1200px; margin:0 auto; overflow:hidden;}
/*index*/
.head{ width:100%; height:100px;}
.head .content{ width:1200px; margin:0 auto;}
.logo{ max-height:100px; margin-top:20px; float:left; overflow:hidden;}
.logo img{ max-height:100px; float:left;}
.nav{ float:right;}
/*����*/
.search_box {height: 26px;border: 1px solid #0ba100;position: relative; right:0;z-index:2; top:20px;}
.sech_keyword { float: left; font-size:12px; width:230px; height: 26px; padding-left:5px; color:#999; overflow: hidden; outline: 0;}
.sech_btn {position: absolute; right: -1px; top: -1px; background: #0ba100 url(../image/search.png) no-repeat center;background-size:20px;width:59px;outline: none;height: 28px;border: none;cursor: pointer;-webkit-appearance: none;}
.nav_column{ padding-top:50px; margin-right:-40px;}
.nav_column li{ line-height:40px; padding:0 20px; color:#787878; float:right;}
.nav_column li a{ line-height:40px; padding:0 20px; color:#787878; border-bottom:3px #fff solid; font-size:14px; font-weight:bold; float:right;}
.nav_column li a:hover{ border-bottom:3px #0ba100 solid;}
/**�õ�Ƭ**/
@charset "utf-8";
/* CSS Document */
#i_banner{ width:100%; height:528px; margin:0 auto;}
/* flexslider */
#i_banner .flexslider{position:relative;height:100%; width:100%; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
#i_banner .slides{position:relative;z-index:1; height:100%;}
#i_banner .slides li{height:100%;}
#i_banner .flex-control-nav{position:absolute;bottom:20px;z-index:999;width:100%;text-align:center; padding:0; margin:0;}
#i_banner .flex-control-nav li{display:inline-block;width:100px;height:10px;margin:0 15px;*display:inline;zoom:1;}
#i_banner .flex-control-nav a{ display:block;width:100px;height:10px; text-indent:500px;line-height:40px;overflow:hidden; background:url(../image/banner_03.png) left 0 no-repeat;cursor:pointer;display:none;}
#i_banner .flex-control-nav .flex-active{ background:url(../image/banner_05.png) no-repeat;}
#i_banner .flex-direction-nav{ position:absolute;z-index:3;width:100%;top:32%;}
#i_banner .flex-direction-nav li a{ background:#FFF; display:block;width:78px;height:78px;overflow:hidden;cursor:pointer;position:absolute;}
#i_banner .flex-direction-nav li a.flex-prev{ left:56px;background: url(../image/left.png) center center no-repeat; }
#i_banner .flex-direction-nav li a.flex-next{ right:56px;background: url(../image/right.png) center center no-repeat;}
.title{ font-size:18px; color:#838383; text-align:center; margin:15px 0;}
.title span{ font-size:24px; color:#0ba100; letter-spacing:1px; line-height:30px; font-weight:bold;}
.i-about{ width:100%; height:240px; padding-bottom:30px; overflow:hidden;}
.i-about img{ float:left; width:301px; margin-right:30px;}
.i-about .min{ float:left; width:869px; height:180px; line-height:25px; overflow:hidden; white-space:break-all;text-overflow:ellipsis;}
.i-about .input{ width:150px; height:30px; line-height:30px; float:left; text-align:center; background-color:#0ba100; color:#FFFFFF; margin-top:20px;}
.i_pro{ width:100%; height:528px; background-color:#f4f4f4;}
.i_pro .list{ width:1200px; margin:0 auto; overflow:hidden;}
.i_pro .list ul{ width:1250px;}
.i_pro .list ul li{ width:262px; height:375px; overflow:hidden; margin-top:40px; float:left; margin-right:50px;}
.i_pro .list ul li a{ width:262px; height:375px; overflow:hidden; float:left; background-color:#033ba1;}
.i_pro .list ul li a:hover{ background-color:#0ba100;}
.i_pro .list ul li .list-img{ width:260px; height:200px; background-color:#FFFFFF; border:1px #838383 solid; overflow:hidden; float:left;}
.i_pro .list ul li img{ width:262px; height:200px; float:left;}
.i_pro .list ul li .list-min{ float:left; height:175px; padding:0 12px; color:#fff;}
.i_pro .list ul li .list-min h3{ width:238px; height:20px; margin:20px 0; text-align:center; color:#FFFFFF; float:left; font-weight:bold;}
.i_pro .list ul li .list-min p{ float:left; line-height:30px; height:95px; float:left;display:block;white-space: normal; overflow:hidden; text-overflow:ellipsis;}
.i_pro .i-title{ width:150px; height:30px; line-height:30px; margin-top:40px; color:#0ba100; border:1px #0ba100 solid; text-align:center; -moz-border-radeus:50px/55px;-webkit-border-radius:50px/55px; border-radius:50px/55px; }
.i-caseshow{ width:1240px; overflow:hidden;}
.i-case{ width:373px; float:left; margin-right:40px; margin-bottom:15px;}
.i-case a{ width:373px; float:left; overflow:hidden;}
.i-case a img{ width:373px; height:250px; float:left;}
.i-case a p{ width:100%; height:40px; line-height:40px; float:left; text-align:center;}
.i-title{ width:150px; height:30px; line-height:30px; margin-bottom:40px; color:#0ba100; border:1px #0ba100 solid; text-align:center; -moz-border-radeus:50px/55px;-webkit-border-radius:50px/55px; border-radius:50px/55px;}
/*�ײ�*/
.foot{ width:100%; min-height:150px; background:#0ba100;}
.foot dl{ min-width:100px; float:left; margin:30px 0; color:#FFFFFF;}
.foot dl a{ color:#FFFFFF;}
.foot dl a:hover{ text-decoration:underline;}
.foot dl dt{ min-width:150px; font-size:14px; line-height:15px; margin-bottom:10px;}
.foot dl dd{min-width:150px; font-size:12px; line-height:10px;}
.foot img{ float:right; margin:30px 0;}
.copy{ background:#333333; width:100%; height:45px; line-height:45px; text-align:center; color:#FFFFFF; font-size:12px;}
/*�ͷ�*/
#online_service_bar {font-size:12px;color:#555;font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;}
#online_service_bar a {color:#555;text-decoration: none;}
#online_service_bar a:hover {color:#E21F2B;text-decoration: none;}
#online_service_bar img {border:none;vertical-align: middle;}
#online_service_bar dl, #online_service_bar dd, #online_service_bar ul, #online_service_bar li {margin:0;padding:0;list-style:none;}
/*���߿ͷ�����*/
#online_service_bar {position:absolute;right:0;overflow:hidden;z-index:1001;padding:280px 20px 0 0;}
#online_service_fullbar {display:none;width:120px;background:#FFF;border:#0ba100 1px solid;}
.service_bar_head {text-indent: -9999px;width:120px;height:25px;position:relative;background: url(../image/sevise.jpg) no-repeat left top;}
.service_bar_main {width:106px;padding:10px 15px 0px 8px;background:url(../images/main.gif) repeat-y left top;}
#service_bar_close {position:absolute;width:35px;height:35px;top:0;right:0;cursor:pointer;display:block;text-indent: -9999px;
}
/*���߿ͷ���������״̬*/
#online_service_minibar {margin-top:150px;width:23px;height:80px;background:url(../images/mini.gif) no-repeat right top;display:none;cursor: pointer;}
/*�ͷ��˵��б�*/
.service_menu {font-size:12px;width:106px;overflow:hidden;}
.service_menu li {width:106px;display:inline;overflow:hidden;}
.service_menu li dt {text-align:left;margin-bottom:5px;padding:8px 10px 6px 10px;*padding:9px 10px 5px 10px;background:url(../images/menu.gif) no-repeat top center;cursor: pointer;}
.service_menu li dd {display:none;text-align:center;}
.service_menu li dd a img {margin-bottom:10px;}
.service_menu li.hover dt {color:#E21F2B;}
.service_menu li.hover dd {padding:5px 0;line-height:20px;}
.qq_btn {display:block;padding:4px;}
.service_tel {font-size:12px;font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;padding-left:22px;height:28px;line-height:28px;background:url(../images/tel.png) no-repeat 5px center;}
/*��ҳͨ��*/
.banner{ width:100%;}
/*�����*/
.sidebar{ width:220px; float:left; text-align:center; margin-right:20px; overflow:hidden; margin-bottom:30px;}
.sidebar h1{ font-size:18px; font-weight:bold; color:#333; height:40px; line-height:40px; border-bottom:3px solid #0ba100;}
.sidebar h1 span{ color:#0ba100;}
.sidebar ul li{ border-bottom:#4e4d4d 1px dotted; height:40px; line-height:40px; float:left;}
.sidebar ul li a{ width:210px; height:40px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; float: right;}
.sidebar ul li a:hover{ color:#0ba100;}
/*��������*/
/*����*/
.main{ width:960px; min-height:400px; float:left; margin-bottom:15px;}
.main_title{ width:100%; color:#0ba100; border-bottom:#4e4d4d 1px dotted; line-height:40px; font-size:16px;}
.main_title em{ padding-top:3px;line-height:40px; background:#0ba100;}

/*����*/
.main_content{ width:930px; padding:0px 15px; float:left; overflow:hidden; color:#666;}
.main_content p{ line-height:25px; padding:15px 0; font-size:14px;}
/*��Ʒ����*/
.produt_content{ width:996px; float:left; overflow:hidden; margin-top:15px;}
.produt_list{ width:292px; float:left; margin-right:40px; font-weight:normal;}
.produt_list img{ width:290px; height:218px;border:1px #838383 solid; margin-bottom:10px; float:left;}
.produt_list p{ width:291px; line-height:30px; margin-bottom:10px; text-align:center; font-size:16px; float:left;}
.produt_list img:hover{ border:1px solid #0ba100;}
.produt_list:hover{ font-weight:bold;}
/*����չʾ*/
.case_list{ width:292px; float:left; margin-right:40px; font-weight:normal;}
.case_list img{ width:290px; height:218px; margin-bottom:10px; float:left;}
.case_list p{ width:291px; line-height:30px; margin-bottom:10px; text-align:center; font-size:16px; float:left;}
/*����*/
.news-list{ float:left; margin-top:20px;}
.news-list a{ width:958px; height:242px; float:left; border:#b4b4b4 1px solid;}
.news-list a:hover{ border:#0ba100 1px solid;}
.news-list a img{ float:left; padding:20px; height:202px;}
.pro-msg{ float:left; margin-left:30px;}
.pro-msg .pro-title{ width:650px; height:25px; margin-top:15px; font-size:18px; color:#333333; border-bottom: none; overflow:hidden;text-overflow: ellipsis;}
.pro-msg ul{ width:650px; overflow:hidden;}
.pro-msg ul li{ width:650px; line-height:40px; border-bottom:#999999 1px dashed;  font-size:14px; color:#999999; float:left;}
.pro-msg .pro-title{ width:650px; height:25px; font-size:18px; color:#333333; border-bottom: none; overflow:hidden;text-overflow: ellipsis;}
.pro-msg ul li span{ height:100%; font-size:14px; color:#333333; padding-right:20px; min-width:80px; float:left;}
.pro-msg ul li em{ width:476px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.pro-msg .pro-foot{ border-bottom:none; height:80px; line-height:40px; overflow:hidden;text-overflow: ellipsis;}
.pro-minute{ margin:30px 0; float:right;}
.pro-minute .product-descons{ width:100%;}
.pro-msg .input{ float:right; padding-right:70%;}
.pro-msg .input a img{ width:100%; height:100%;}
.pro-msg .new-foot{ margin-top:10px; border-bottom:none; height:130px; line-height:25px; color:#666; overflow:hidden;text-overflow: ellipsis;}
/*��Ƹ����*/
.zhaop{ width:960px; color:#666; text-align: left; overflow:hidden;}
.zhaop thead{ color:#000; line-height:55px;}
.zhaop tbody{ width:100%; line-height:55px; font-size:14px; color:#666;}
.zhaop tbody tr a{ color:#666; font-weight:normal;}
.zhaop tr th{ padding-left:15px;}
.zhaop tr td{ padding-left:15px;}
.zhaop tbody .bg{ background:#f2f2f2;}
.zhaop-msg{ float:left;}
.zhaop-msg ul{ width:960px; overflow:hidden;}
.zhaop-msg ul li{ width:960px; line-height:40px; font-size:14px; color:#999999; float:left;}
.zhaop-msg .pro-title{ font-weight:bold; width:950px; text-align:center; line-height:35px; font-size:18px; color:#333333; border-bottom: none; overflow:hidden;text-overflow: ellipsis;}
.zhaop-msg ul li span{ height:100%; font-size:14px; color:#333333; padding-right:20px; min-width:80px; float:left;}
.zhaop-msg ul li em{ width:476px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.zhaop-msg .pro-foot{ border-bottom:none; height:80px; line-height:40px; overflow:hidden;text-overflow: ellipsis;}
.zhaop-minute{ margin:30px 0; float:right;}
.zhaop-minute .product-descons{ width:100%;}
.zhaop-msg .input{ float:right; padding-right:70%;}
.zhaop-msg .input a img{ width:100%; height:100%;}
/*��Ʒҳ*/
/**�õ�Ƭ**/
#pro-banner{width:314px; height:200px; float:left; margin-left:30px;}
/* flexslider */
#pro-banner .flexslider{position:relative;height:100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
#pro-banner .slides{position:relative;z-index:1; height:100%;}
#pro-banner .slides li{ width:314px; height:200px;}
#pro-banner .flex-control-nav{position:absolute;bottom:10px;z-index:999;width:100%;text-align:center; padding:0; margin:0;}
#pro-banner .flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;}
#pro-banner .flex-control-nav a{display:inline-block;width:15px;height:15px; text-indent:500px;line-height:40px;overflow:hidden;background: url(../image/bai.png) left 0 no-repeat;cursor:pointer;}
#pro-banner .flex-control-nav .flex-active{background: url(../image/lan.png) no-repeat;}
#pro-banner .flex-direction-nav{ position:absolute;z-index:3;width:100%;top:45%;}
#pro-banner .flex-direction-nav li a{display:block;width:78px;height:78px;overflow:hidden;cursor:pointer;position:absolute;}
#pro-banner .flex-direction-nav li a.flex-prev{display:none; left:56px;background:url(../images/prev.png) center center no-repeat;}
#pro-banner .flex-direction-nav li a.flex-next{ display:none; right:56px;background:url(../images/next.png) center center no-repeat;}

.pro-msg{ float:left; margin-left:30px;}
.pro-msg ul{ width:576px; height:200px; overflow:hidden;}
.pro-msg ul li{ width:576px; line-height:40px; border-bottom:#999999 1px dashed;  font-size:14px; color:#999999; float:left;}
.pro-msg .pro-title{ width:576px; height:25px; font-size:18px; color:#333333; border-bottom: none; overflow:hidden;text-overflow: ellipsis;}
.pro-msg ul li span{ height:100%; font-size:14px; color:#333333; padding-right:20px; min-width:80px; float:left;}
.pro-msg ul li em{ width:476px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.pro-msg .pro-foot{ border-bottom:none; height:80px; line-height:40px; overflow:hidden;text-overflow: ellipsis;}
.pro-minute{ margin:30px 0; float:right;}
.pro-minute .product-descons{ width:100%;}
.pro-msg .input{ float:right; padding-right:70%;}
.pro-msg .input a img{ width:100%; height:100%;}
.lanrenzhijia{ width:960px;}
.lanrenzhijia .tab{ overflow:hidden; width:960px; border-bottom:#0ba100 1px solid; }
.lanrenzhijia .tab a{ display:block; padding:5px 20px; border:#0ba100 1px solid; float:left; font-size:18px; color:#0ba100; border-bottom:none;}
.lanrenzhijia .tab a:hover{ text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#0ba100; color:#fff; text-decoration:none;}
.lanrenzhijia .content{width: 950px; overflow:hidden; padding:10px 0;}
.lanrenzhijia .content li{ display:none;}
/* Basic Grey */
.basic-grey { max-width: 500px; padding: 25px 15px 25px 10px; font: 12px Georgia, "Times New Roman", Times, serif; color: #888; text-shadow: 1px 1px 1px #FFF; }
.basic-grey h1 { width:500px;font-size: 18px; padding: 0px 0px 10px 40px; display: block; text-align:center; color: #000; }
.basic-grey h1>span { display: block; font-size: 11px;}
.basic-grey label { display: block; margin: 0px;}
.basic-grey label>span { float: left; width:100px; text-align: right; padding-right: 10px; margin-top: 10px; color: #888; }
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select { border: 1px solid #DADADA; color: #888; height: 30px; margin-bottom: 16px; margin-right: 6px;margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px;width: 70%; font-size: 12px; line-height:15px;box-shadow: inset 0px 1px 4px #ECECEC; -moz-box-shadow: inset 0px 1px 4px #ECECEC; -webkit-box-shadow: inset 0px 1px 4px #ECECEC; }
.basic-grey textarea{ padding: 5px 3px 3px 5px; }
.basic-grey select { background: #FFF url('down-arrow.png') no-repeat right; background: #FFF url('down-arrow.png') no-repeat right); appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height: 25px;}
.basic-grey textarea{ height:100px; }
.basic-grey .button { background: #008cd2; border: none; padding: 5px 20px; color: #FFF; box-shadow: 1px 1px 5px #B6B6B6; border-radius: 3px; text-shadow: 1px 1px 1px #9E3F3F; cursor: pointer;}
.basic-grey .button:hover { background:#00a8ff;}
.basic-mess{ width:500px; height:50px;}
.basic-mess .input{ background:#efb600; color:#1f1f1f; padding:5px 10px; float:left;}
.basic-mess .input:hover{ background:#c99900;}
.basic-mess .input img{ height:15px; padding-right:5px; float:left;}